﻿
/*头部*/

.zt-top{ background:#fff;border-bottom: 1px solid #cccccc;position:fixed; z-index:1; left:0; right:0;top:0;filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95;} 
.zt-top .box{ height:85px; }
.zt-top .logo{ float:left; padding-top:8px;}
.zt-top .logo a{ display:block; }


.headlink{float:right;width:180px;height:28px;border:1px solid #cdd9e1;position:relative;z-index:2; margin-top:30px; padding-left:10px;}
.headlink .btn1,.headlink .btn2{margin:0;padding:0;border:none}
.headlink .btn1{width:143px;height:28px;line-height:28px;font-size:14px;outline:0px;}
.headlink .btn2{width:19px;height:19px;padding:15px 10px 5px 0px;margin-right:10px;background:url(../images/search.jpg) 0 0 no-repeat;cursor:pointer}
.zt-nav{ float:left; margin-left:30px;}
.zt-nav .nl{ float:left; padding:0 10px;  position:relative; }
.zt-nav .nl .alink{ display:block;line-height:81px;border-top:4px solid #fff;  font-size:16px; width:85px; text-align:center}
.zt-nav .nl.on .alink{ border-top:4px solid #E52129; color:#C73731; }
.zt-nav .sub{ position:fixed; z-index:998;top:85px; left:0; right:0; padding:30px 0; height:260px; background:url(../images/w-bg.png); display:none;border-top: 1px solid #cccccc; }
.zt-nav .sub .boxx{width:775px; margin:0 auto; padding-left:150px}
.zt-nav .sub ul{ float:left; width:400px;border-right: 1px solid #e0e2e5; height:200px;}
.zt-nav .sub .imgbox{ float:right; padding:0 30px; width:285px;}
.zt-nav .sub .imgbox img{ width:100%; height:140px; margin-bottom:10px; display:block;}
.zt-nav .sub .imgbox p{ color:#888; font-size:12px}
.zt-nav .sub ul li{ width:50%; float:left; margin-bottom:10px}
.zt-nav .sub ul li a{ display:block; width:180px; font-size:14px; height:30px; line-height:30px; margin:0 auto; text-align:center;}
.zt-nav .sub ul li a:hover{color:#FFFFFF;background:#c73831;}
.zt-weap{ width:1250px; margin:0 auto;}

@media(max-width:1024px) {

.zt-weap{ padding:0;}
/*头部*/
.zt-bar{ display:none}
.zt-top{ height:74px;}
.zt-top .box{ width:100%; height:74px; position:fixed; left:0; right:0;top:0; z-index:999; background:#fff; padding-top:0; border-bottom:1px solid #e2e2e2}
.zt-top .logo{ padding-top:0;}
.zt-top .logo a{ padding:10px; height:54px}
.zt-top .logo a img{ height:100%}
.headlink{ display:none}

.m-nav{display:block; height: 24px; width: 24px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right: 15px; top: 28px; }
.m-nav a{background-color: #6a6d69; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color: #6a6d69; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top: -9px;}
.m-nav a:after{top: 10px;}
.zt-top.block .m-nav{transform: rotate(90deg);}
.zt-top.block .m-nav a{background-color: transparent !important;}
.zt-top.block .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(9px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.zt-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}

.zt-nav{float:none; display:none;  background: #000033;position: absolute; z-index: 999; left: 0; top: 75px; right: 0; }
.zt-nav .nl{ width:100%; float:none; padding:0; background:#f8f8f8}
.zt-nav .nl .alink{ position:relative; padding:0 30px; line-height:40px; width:auto; text-align:left; color:#393939; border-bottom:1px solid #e2e2e2; border-top:none;}
.zt-nav .nl.on .alink{ border-top:none; line-height:40px;border-bottom:1px solid #e2e2e2; color:#c73831 }
.zt-nav .sub{ display:none !important}
.zt-nav .sub li{ list-style:inside;color:#0a377f}
.zt-nav .sub a{ border-top:none; text-align:left; padding:0 40px; font-size:14px; background:none; line-height:36px; color:#0a377f}
.zt-top.block .zt-nav{ display:block;}

}